<%@page pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>index_chart</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<style type="text/css">
			.main {margin:auto;width:800px;font-size:13px;line-height:24px;}
			.main_h {}
			.main_m {}
			.main_f {}
			ul.hor {list-style:none;padding:0;clear:both;}
			ul.hor li {float:left;margin-right:10px;}
			dl {float:left;margin:0 20px 0 0;}
			dl dd {margin:0;}
			.czs, .wfs, .cds {clear:both;}
			.cds ul li {
				background: url("../../images/icon_ball_gray.gif") no-repeat scroll 0 0;
				display: block;
				width: 33px;
				height: 32px;
			}
			.cds ul li.click {
				background: url("../../images/icon_ball_red.gif") no-repeat scroll 0 0;
			}
			.cds ul li span {
				display: block;
				width: 33px;
				height: 32px;
				line-height: 32px;
				font-family: Arial,Helvetica,sans-serif;
				font-size: 15px;
				font-weight: bold;
				text-align: center;
				cursor: pointer;
			}
			.cds ul li.click span {color:#FFFFFF;}
			.cds button {margin:5px 0;}
		</style>
	</head>
	<body>
		<div class="main">
			<div class="main_h"></div>
			<div class="main_m">
				<div class="czs">
					<ul class="hor">
						<li><input type="radio" name="cz" value="1" id="cz_sd" /><label for="cz_sd">山东</label></li>
						<li><input type="radio" name="cz" value="2" id="cz_jx" /><label for="cz_jx">江西</label></li>
						<li><input type="radio" name="cz" value="3" id="cz_gd" /><label for="cz_gd">广东</label></li>
					</ul>
				</div>
				<div class="wfs">
					<div>
						<dl>
							<dd><input type="radio" name="idx" id="idx_01" /><label for="idx_01">任选每单位出现次数</label></dd>
							<dd><input type="radio" name="idx" id="idx_02" /><label for="idx_02">直选每单位出现次数</label></dd>
							<dd><input type="radio" name="idx" id="idx_03" /><label for="idx_03">组选每单位出现次数</label></dd>
						</dl>
						<dl>
							<dd><input type="radio" name="idx" id="idx_04" /><label for="idx_04">任选出现次数</label></dd>
							<dd><input type="radio" name="idx" id="idx_05" /><label for="idx_05">直选出现次数</label></dd>
							<dd><input type="radio" name="idx" id="idx_06" /><label for="idx_06">组选出现次数</label></dd>
						</dl>
						<dl>
							<dd><input type="radio" name="idx" id="idx_07" /><label for="idx_07">任选遗漏</label></dd>
							<dd><input type="radio" name="idx" id="idx_08" /><label for="idx_08">直选遗漏</label></dd>
							<dd><input type="radio" name="idx" id="idx_09" /><label for="idx_09">组选遗漏</label></dd>
						</dl>
						<dl>
							<dd><input type="radio" name="idx" id="idx_10" /><label for="idx_10">前二跨度遗漏</label></dd>
							<dd><input type="radio" name="idx" id="idx_11" /><label for="idx_11">前二和值遗漏</label></dd>
							<dd><input type="radio" name="idx" id="idx_12" /><label for="idx_12">前二012路遗漏</label></dd>
							<dd><input type="radio" name="idx" id="idx_13" /><label for="idx_13">前三012路遗漏</label></dd>
						</dl>
						<dl>
							<dd><input type="radio" name="idx" id="idx_14" /><label for="idx_14">前二跨度走势</label></dd>
							<dd><input type="radio" name="idx" id="idx_15" /><label for="idx_15">前二和值走势</label></dd>
							<dd><input type="radio" name="idx" id="idx_16" /><label for="idx_16">前二012路走势</label></dd>
							<dd><input type="radio" name="idx" id="idx_17" /><label for="idx_17">前三012路走势</label></dd>
						</dl>
					</div>
					<div>
						<ul class="hor">
							<li><input type="radio" name="wf" id="wf_rx" /><label for="wf_rx">任选</label></li>
							<li><input type="radio" name="wf" id="wf_hx" /><label for="wf_hx">直选</label></li>
							<li><input type="radio" name="wf" id="wf_ux" /><label for="wf_ux">组选</label></li>
						</ul>
						<div style="clear: both;">
							<ul class="hor">
								<li><input type="radio" name="rx" id="rx_1" /><label for="rx_1">任一</label></li>
								<li><input type="radio" name="rx" id="rx_2" /><label for="rx_2">任二</label></li>
								<li><input type="radio" name="rx" id="rx_3" /><label for="rx_3">任三</label></li>
								<li><input type="radio" name="rx" id="rx_4" /><label for="rx_4">任四</label></li>
								<li><input type="radio" name="rx" id="rx_5" /><label for="rx_5">任五</label></li>
								<li><input type="radio" name="rx" id="rx_6" /><label for="rx_6">任六</label></li>
								<li><input type="radio" name="rx" id="rx_7" /><label for="rx_7">任七</label></li>
								<li><input type="radio" name="rx" id="rx_8" /><label for="rx_8">任八</label></li>
								<li><input type="radio" name="rx" id="rx_9" /><label for="rx_9">任九</label></li>
							</ul>
						</div>
						<div style="display: none;">
							<ul class="hor">
								<li><input type="radio" name="hx" id="hx_1" /><label for="hx_1">直一</label></li>
								<li><input type="radio" name="hx" id="hx_2" /><label for="hx_2">直二</label></li>
								<li><input type="radio" name="hx" id="hx_3" /><label for="hx_3">直三</label></li>
							</ul>
						</div>
						<div style="display: none;">
							<ul class="hor">
								<li><input type="radio" name="ux" id="ux_2" /><label for="ux_2">组二</label></li>
								<li><input type="radio" name="ux" id="ux_3" /><label for="ux_3">组三</label></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="cds">
					<ul class="hor">
						<li><span>01</span></li>
						<li><span>02</span></li>
						<li><span>03</span></li>
						<li><span>04</span></li>
						<li><span>05</span></li>
						<li><span>06</span></li>
						<li><span>07</span></li>
						<li><span>08</span></li>
						<li><span>09</span></li>
						<li><span>10</span></li>
						<li><span>11</span></li>
					</ul>
					<div>
						<button id="cbtn">清除</button>
					</div>
				</div>
				<div class="search">
					<button id="sbtn">查询</button>
				</div>
				<div id="ichart"></div>
			</div>
			<div class="main_f"></div>
		</div>
		<script type="text/javascript" src="../../js/jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="../../js/Raphael-2.1.0.js"></script>
		<script type="text/javascript" src="../../js/plugin/jquery_chart-1.1.0.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$(".cds li").click(function(){
					$(this).toggleClass("click");
				});
				
				$(".wfs input[name=wf]:radio").each(function(i, e){
					$(e).click(function(){
						$(".wfs > div input:radio").attr("checked", false);
						$(".wfs > div").hide();
						$(".wfs > div").eq(i).show();
					});
				});
				
				$("#cbtn").click(function(){
					$(".cds li").removeClass("click");
				});
				
				$("#sbtn").click(function(){
					var url = "";
					var params = {};
					$.ajax({
						url: url,
						type: "post",
						data: params,
						dataType: "json",
						success: function(respData) {
							var data = respData;
							var tx, ty, tl;
							var ops = {data: data, tl: tl, tx: tx, ty: ty};
							$("#ichart").chart(ops);
						}
					});
				});
			});
		</script>
	</body>
</html>
<!--
						<table width="80%">
							<tr>
								<td>
									<input type="radio" name="idx" id="idx_01" /><label for="idx_01">任选每单位出现次数</label><br />
									<input type="radio" name="idx" id="idx_02" /><label for="idx_02">直选每单位出现次数</label><br />
									<input type="radio" name="idx" id="idx_03" /><label for="idx_03">组选每单位出现次数</label><br />
								</td>
								<td>
									<input type="radio" name="idx" id="idx_04" /><label for="idx_04">任选出现次数</label><br />
									<input type="radio" name="idx" id="idx_05" /><label for="idx_05">直选出现次数</label><br />
									<input type="radio" name="idx" id="idx_06" /><label for="idx_06">组选出现次数</label><br />
								</td>
								<td>
									<input type="radio" name="idx" id="idx_07" /><label for="idx_07">任选遗漏</label><br />
									<input type="radio" name="idx" id="idx_08" /><label for="idx_08">直选遗漏</label><br />
									<input type="radio" name="idx" id="idx_09" /><label for="idx_09">组选遗漏</label><br />
								</td>
								<td>
									<input type="radio" name="idx" id="idx_10" /><label for="idx_10">前二跨度遗漏</label><br />
									<input type="radio" name="idx" id="idx_11" /><label for="idx_11">前二和值遗漏</label><br />
									<input type="radio" name="idx" id="idx_12" /><label for="idx_12">前二012路遗漏</label><br />
									<input type="radio" name="idx" id="idx_13" /><label for="idx_13">前三012路遗漏</label><br />
								</td>
								<td>
									<input type="radio" name="idx" id="idx_14" /><label for="idx_14">前二跨度走势</label><br />
									<input type="radio" name="idx" id="idx_15" /><label for="idx_15">前二和值走势</label><br />
									<input type="radio" name="idx" id="idx_16" /><label for="idx_16">前二012路走势</label><br />
									<input type="radio" name="idx" id="idx_17" /><label for="idx_17">前三012路走势</label><br />
								</td>
							</tr>
						</table>
 -->